<!-- TODO: this should probably be formatted as intl rather than concatenated -->
<Title name="{profileName}{intl.follows}" />

  <LazyPage {pageComponent} {params} />

<script>
  import Title from '../../_components/Title.html'
  import LazyPage from '../../_components/LazyPage.html'
  import pageComponent from '../../_pages/accounts/[accountId]/follows.html'

  export default {
    components: {

      Title,
      LazyPage
    },
    data: () => ({
      pageComponent
    }),
    computed: {
      profileName: ({ $currentAccountProfile }) => {
        return ($currentAccountProfile && ('@' + $currentAccountProfile.acct + ' · ')) || ''
      }
    }
  }
</script>
